<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   <%@ taglib uri="http://www.extremecomponents.org" prefix="ec"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<title>Layout 1</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
		<script type="text/javascript">
			function onTableClick(idResponsable,
					primerNombreResponsable,
					segundoNombreResponsable,
					primerApellidoResponsable,
					segundoApellidoResponsable,
					dirResidenciaResponsable,
					telCasaResponsable,
					telMovilResponsable,
					dirTrabajoResponsable,
					telContactoResponsable,
					emailResponsable
								){

				$("#idResponsable").val(idResponsable);
				$("#primerNombreResponsable").val(primerNombreResponsable);
				$("#segundoNombreResponsable").val(segundoNombreResponsable);
				$("#primerApellidoResponsable").val(primerApellidoResponsable);
				$("#segundoApellidoResponsable").val(segundoApellidoResponsable);
				$("#dirResidenciaResponsable").val(dirResidenciaResponsable);
				$("#telCasaResponsable").val(telCasaResponsable);
				$("#telMovilResponsable").val(telMovilResponsable);
				$("#dirTrabajoResponsable").val(dirTrabajoResponsable);
				$("#telContactoResponsable").val(telContactoResponsable);
				$("#emailResponsable").val(emailResponsable);
				}
			
			function showHelp(){
				$("#rightSide").show();
			}
		</script>
</head>
<body>
<div id="container">

<!-- Aqui va el munu -->
<jsp:include page="menu.jsp" />
<div id="content">


  <div id="top">
		<h2 class="divTextoEncabezado">Registro de Pagador </h2>
  </div>
  <div id="leftSide">
  <fieldset>
<legend>Datos Personales </legend>
<form action="addPagador" method="POST" class="form">
	<label for="primerNombreResponsable">Primer Nombre:</label>
    <div class="div_texbox">
    <input name="primerNombreResponsable" type="text" class="textbox" id="primerNombreResponsable"  />
    <input type="hidden" name="idResponsable" id="idResponsable"/>
	</div>
	<label for="segundoNombreResponsable">Segundo Nombre:</label>
	<div class="div_texbox">    <input name="segundoNombreResponsable" type="text" class="textbox" id="segundoNombreResponsable"  />
	</div>
	<label for="primerApellidoResponsable">Primer Apellido:</label>
	<div class="div_texbox">
    <input name="primerApellidoResponsable" type="text" class="textbox" id="primerApellidoResponsable"  />
	</div>
	<label for="segundoApellidoResponsable">Segundo Apellido:</label>
	<div class="div_texbox">
    <input name="segundoApellidoResponsable" type="text" class="textbox" id="segundoApellidoResponsable"  />
	</div>
    	<label for="telCasaResponsable">Telefono Fijo:</label>
	<div class="div_texbox">
    <input name="telCasaResponsable" type="text" class="textbox" id="telCasaResponsable"  />
	</div>
    	<label for="telMovilResponsable">Telefono Movil:</label>
	<div class="div_texbox">
    <input name="telMovilResponsable" type="text" class="textbox" id="telMovilResponsable"  />
	</div>
    	<label for="telContactoResponsable">Telefono Contacto:</label>
	<div class="div_texbox">
    <input name="telContactoResponsable" type="text" class="textbox" id="telContactoResponsable" />
	</div>
        	<label for="emailResponsable">Correo Electronico:</label>
	<div class="div_texbox">
    <input name="emailResponsable" type="text" class="textbox" id="emailResponsable" />
	</div>
        	<label for="dirResidenciaResponsable">Direccion Res:</label>
	<div class="div_texbox">
    <input name="dirResidenciaResponsable" type="text" class="textbox" id="dirResidenciaResponsable"  />
	</div>
    	<label for="dirTrabajoResponsable">Direccion Trabjo:</label>
	<div class="div_texbox">
    <input name="dirTrabajoResponsable" type="text" class="textbox" id="dirTrabajoResponsable"  />
	</div>
    
	<div class="button_div">
	<input name="Submit" type="submit" value="Ingresar" class="buttons" />
	</div>
</form>
	</fieldset>
  </div>
  <div id="rightSideTpo" >
  	<a href="#" onclick="showHelp()"><img src="${pageContext.request.contextPath}/resources/images/help-icon.png"></a>
  </div>
  <div id="rightSide" style="display:none">
  <p><u>Esta es una seccion de ayuda para el usuario</u>
  </p></div>
  <div class="clear"></div>


<ec:table items="pagadorList"
		action="${pageContext.request.contextPath}/showPagador"
		view="compact"
		imagePath="${pageContext.request.contextPath}/resources/images/compact/*.gif"
		rowsDisplayed="8" autoIncludeParameters="false" var="pagador">
		
		

		<ec:row highlightRow="true" 
		onclick="onTableClick(	'${pageScope.pagador.idResponsable}',								    					
								'${pageScope.pagador.primerNombreResponsable}',								
								'${pageScope.pagador.segundoNombreResponsable}',								
								'${pageScope.pagador.primerApellidoResponsable}',
								'${pageScope.pagador.segundoApellidoResponsable}',
								'${pageScope.pagador.dirResidenciaResponsable}',
								'${pageScope.pagador.telCasaResponsable}',
								'${pageScope.pagador.telMovilResponsable}',
								'${pageScope.pagador.dirTrabajoResponsable}',
    							'${pageScope.pagador.telContactoResponsable}',
    							'${pageScope.pagador.emailResponsable}');">
			<ec:column property="primerNombreResponsable" title="Primer Nombre" />
			<ec:column property="primerApellidoResponsable" title="Primer Apellido"/>
			<ec:column property="telMovilResponsable" title="Telefono Movil"/>			
		</ec:row>
	</ec:table>

</div>

 

</div>
</body>
</html>